<template>
  <border-box4>
    <div>
      <span
        >站点名称: <span ml-20>{{ data?.boxName }}</span></span
      >
    </div>
    <div>
      <span
        >站点位置: <span ml-20>{{ data?.address }}</span></span
      >
    </div>

    <div grid grid-cols-2 grid-rows-1 justify-between w-full>
      <span
        >站点联系人 <span ml-20>{{ data?.contact }}</span></span
      >
      <span
        >联系电话 <span ml-20>{{ data?.contactPhone }}</span></span
      >
    </div>
    <div>
      <span
        >站点电池数: <span ml-20>{{ data?.batteryCount }}</span></span
      >
    </div>
  </border-box4>
</template>

<script setup lang="ts">
import { ChargingStationDataEntity } from '@/api/chargebattery/types/chargebattery'
import BorderBox4 from '@/components/basic/BorderBox4.vue'
defineProps<{
  data: ChargingStationDataEntity
}>()
</script>
